<template>
    <div class="wrapper">
        <div class="top">
            <van-nav-bar
            title="疫苗详细"
            left-text="返回"
            @click-left="onClickLeft"
            left-arrow
        />
        <van-cell-group>
            <van-cell center title="身高:80 体重:80" label="更新时间:2022-09-01"  value="编辑" @click="showPopup"/>
        </van-cell-group>
        <van-cell-group>
            <van-cell center title="身高:80 体重:80"  label="更新时间:2022-09-01" value="编辑" @click="showPopup"/>
        </van-cell-group>
        <van-cell-group>
            <van-cell center title="身高:80 体重:80"  label="更新时间:2022-09-01" value="编辑" @click="showPopup"/>
        </van-cell-group>
        <van-cell-group>
            <van-cell center title="身高:80 体重:80"  label="更新时间:2022-09-01"  value="编辑" @click="showPopup"/>
            <van-popup v-model:show="show" position="bottom" :style="{ height: '30%' }" >
                <van-cell-group inset>
                <van-field
                  v-model="this.userheight"
                  error
                  required
                  label="身高(cm)"
                  right-icon="arrow"
                />
                <van-field
                  v-model="this.userweight"
                  error
                  required
                  label="体重(kg)"
                  right-icon="arrow"
                />
                </van-cell-group>
                <br>
                <div class="button">
                  <van-button type="success">修改</van-button>
                  <van-button type="danger">删除</van-button>
                  <van-button type="warning">取消</van-button>
                </div>
            </van-popup>
        </van-cell-group>
        </div>
    </div>
  </template>
  <script lang="ts">
  import { ref } from 'vue';
  export default {
    data(){
      return{
        userheight:"80",
        userweight:"80",
      }
    },
    setup() {
      const onClickLeft = () => history.back();
      const show = ref(false);
        const showPopup = () => {
        show.value = true;
        };
      return {
        onClickLeft,
        show,
        showPopup,
      };
    },
  };
  
  </script>
  <style scoped>
  .van-cell{
    border: 1.2px solid #ccc;
  }
  
  </style>